<template>
	<view class="problem-description">
		<view class="problem-description-container">
			<view class="title">
				问题描述:
			</view>
			<view class="problem-content">
				{{orderDetail.message}}
			</view>
			<view class="image-list">
				<view class="image-wrapper" v-for="item,index in orderDetail.images_url" :key="index" @click="previewImage(item)">
					<u-image :src="item" width="100%" height="100%"/>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			orderDetail: {
				type: Object,
			}
		},
		methods:{
			previewImage(url){
				uni.previewImage({
					urls: [url],
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./problemDescription.scss";
</style>
